/*===================
   html rem屏幕适配
 ====================*/
*{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}
ul,li,ol{
  list-style: none;
}
a,a:hover,a:active{
  text-decoration: none!important;
}
html{
  font-size: 62.5%;/* 10÷16=62.5% */
}
@media only screen and (min-width: 481px){
  html {
    font-size: 94%!important; /* 15.04÷16=94% */
  }
}
@media only screen and (min-width: 561px){
  html {
    font-size: 109%!important; /* 17.44÷16=109% */
  }
}
/*@media only screen and (min-width: 641px){
  html {
    font-size: 125%!important; /!* 20÷16=125% *!/
  }
}*/
/*===================
     引入字体图标
 ====================*/
@font-face {
  font-family: 'BootstrapFont';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
@font-face {
  font-family: "MuiFont";
  font-weight: normal;
  font-style: normal;
  src: url('../fonts/mui.ttf') format('truetype');
}
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot');
  src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.svg#fontawesome-webfont') format('svg');
}

/*===================
        常量
 ====================*/
/*宽度常量*/
@fullWidth:100%;
@fullHeight:100%;
/*颜色常量*/
@color-white:#ffffff;
@color-main:#d46d28; //默认 文字&按钮
@color-mainHover:#c98c51;
@color-gray:#CBDFFF;
@color-manager: #30486e;//左侧管理者默认底色
@color-leftNav:#283b5c; //左侧导航默认底色
@color-leftSubNav:#21324e; //左侧二级导航默认底色
@color-leftNavHover:#d46d28;
@color-leftNavIcon:#8F96B4;
@color-secondaryGreenShallow : #68C24E;//辅助色
@color-secondaryGreenDeep : #64B548;//辅助色
@colorText-leftNavFirst:#CBDEFF;//左侧导航一级字体
@colorText-leftNavSecond:#8F96B4;//左侧导航二级字体
@colorText-contentNavFirst:#3D404D;//一级字体 重要 正文
@colorText-contentNavSecond:#666A80;//二级字体 辅助
@colorText-main:#48576a;//主文本颜色
@colorText-gray:#8e8e8e;//灰色文本
@colorText-gray-second:#c1c1c1;//浅灰色文本
@colorNotice-success:#00CB60;//正确提示
@colorNotice-error:#FF5500;//错误提示
@colorBody:#F5F6FA;//页面背景
@colorForm-Odd:#FAFAFA;//表单奇数
@colorForm-Even:#FCFDFF;//表单偶数
@colorTable-headBg:#eef1f6;//表格默认head颜色
@colorBorder-First:#E1E3EB;//一级分割线 表格
@colorBorder-Second:#F5F6FA;//一级分割线 表格
@colorSearch-bg:#f1f2f4;//搜索框底色
@colorSearch-btn:#78797b;//搜索框按钮色
@colorSection-title:#f4f5f9;//section 块的title背景色
@colorDialog:#f4f5f9;//对话框自定义样式header/footer 背景色
@colorIcon-gray:#c6c6c6;//灰色图标颜色
/*字体大小常量*/
@fontSize-24-forData:26px;//用于数据
@fontSize-20-forPageTitle:20px;//用于页面表弟
@fontSize-16-forTopNav:16px;//用于顶部导航标题
@fontSize-14-forTopNav:14px;//用于小导航标题 正文 表格 说明文字
@fontSize-12-forTopNav:12px;//用于部分文字连接 标注
/*行高常量*/
@paragraph-lineHeight:18px;
@logo_search-height:70px;
/*===================
        函数
 ====================*/
/*圆角函数*/
.borderRadus(@radius){
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  border-radius: @radius;
}
.borderRadus_4value(@leftTopRadus;@topRightRadus;@rightBottomRadus;@bottomLeftRadus;){
  -webkit-border-radius: @leftTopRadus @topRightRadus @rightBottomRadus @bottomLeftRadus;
  -moz-border-radius: @leftTopRadus @topRightRadus @rightBottomRadus @bottomLeftRadus;
  border-radius: @leftTopRadus @topRightRadus @rightBottomRadus @bottomLeftRadus;
}
/*border函数*/
.border(@borderStyle;@borderColor){
  border:@borderStyle 0.1rem @borderColor;
}
.borderBottom(@borderStyle;@borderColor){
  border-bottom:@borderStyle 0.1rem @borderColor;
}
/*background-size函数*/
.backgroundSize(@hPosition;@vPosition;@background-size){
  background-position: @hPosition @vPosition;
  background-repeat: no-repeat;
  -webkit-background-size: @background-size;
  -moz-background-size: @background-size;
  -o-background-size: @background-size;
  background-size: @background-size;
}
/*盒子投影函数*/
.boxShadow(@hShadow;@vShadow;@blur;@spread;@colorCode){
  -webkit-box-shadow: @hShadow @vShadow @blur @spread @colorCode;
  -moz-box-shadow: @hShadow @vShadow @blur @spread @colorCode;
  box-shadow: @hShadow @vShadow @blur @spread @colorCode;
}
.boxShadow_b(@boxShadowd){
  -webkit-box-shadow: @boxShadowd;
  -moz-box-shadow: @boxShadowd;
  box-shadow: @boxShadowd;
}
/*text-overflow文本溢出显示省略号'...'*/
.textOverflow(@text-overflow){
  overflow: hidden;
  white-space: nowrap;
  -ms-text-overflow: @text-overflow;
  -o-text-overflow: @text-overflow;
  text-overflow: @text-overflow;
}
/*display:flex布局*/
.displayFlex(){
  display: box;              /* OLD - Android 4.4- */
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -o-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
}
/*动画*/
.elementAnimate(){
  transition: all 0.4s ease;
}

/*统一设置*/
body{
  background: @colorBody!important;
}

